项目目的
1、全面对客户端的样式以及风格改版
2、论坛功能以及页面改版
3、添加个人中心
4、添加一些社交化的尝试
5、产品库/车型库的对比流程再优化
6、从4.0版本开始,资讯客户端不再兼容4.3.x的版本,安装的系统版本要求需为IOS5.0以上的系统版本
原型地址: 原型浏览
下载地址: 下载(4月25号修改,第7次上传,修改了个人主页触发帖子回复以及评论回复的操作步骤)
设计稿地址: 在线查看4.0设计稿
切图单: 切图单v1 切图参考文件 下载
切图单(电脑网部分以及汽车网补遗): 下载
云同步详细逻辑
项目接口
需求重新整理
最近任务
Results (1 - 20 of 48)
| Ticket | Status | Resolution | Version | Milestone | Component | Summary | Owner | Reporter | Type | Priority |
|---|
需求评审
需求调整
修改版本基于5月10日,UED同事提出的优化点整理
1、取消个人中心下方收藏区域的循环滑动功能,改为当滑动到最右侧的时候,再滑动,返回之前页
2、默认将收藏的指示光标放在最右侧
3、个人中心收藏内容的排列次序(从右向左):论坛-车系-车型-帖子-文章
4、电脑网客户端中的产品库中,大类内容调整,详见附件 电脑网产品库分类列表修改0509
修改版本基于4月25日针对客户端个人主页对“别人回复我的评论”以及“别人回复我的帖子”的信息的操作步骤的详细说明
1、对“别人回复我的评论”消息的说明
1.1、在个人主页中,外显的“别人回复我的评论”的消息格式,和PC端的一致,格式为“xxxx回复了我在文章《yyyyy》中的评论:zzzzzz”,下方显示该消息的发送时间,超出的字数用省略号代替
1.2、点击该条信息后,进入查看详细回复的页面,该页面可将我自己的评论以及他人回复我的评论详细显示出来,下方为“回复评论”按钮,右上角为“原文”按钮
1.3、用户点击“原文”按钮,跳转到该篇文章,点击“回复评论”,则进入回复评论的页面
1、对“别人回复我的帖子”消息的说明
1.1、在个人主页中,外显的“别人回复我的评论”的消息格式,和PC端的一致,格式为“xxxx在 AA楼 回复了我的帖子《yyyyy》:zzzzzz”或者“xxxx在 AA楼 回复了我在帖子《yyyyy》中的回复:zzzzzz”,下方显示该消息的发送时间,超出的字数用省略号代替
1.2、点击“xxxx在 AA楼 回复了我的帖子《yyyyy》:zzzzzz”的信息后,进入查看详细回复的页面,页面上部为帖子的标题,下部分为他人的回复,回复内容完整细显示出来,下方为“回复帖子”按钮,右上角为“原帖”按钮
1.3、点击“xxxx在 AA楼 回复了我在帖子《yyyyy》中的回复:zzzzzz”的信息后,进入查看详细回复的页面,页面上部为我回复的帖子内容,下部分为他人的回复,回复内容完整细显示出来,下方为“回复帖子”按钮,右上角为“原帖”按钮
1.3、用户点击“原帖”按钮,跳转到该篇帖子,点击“回复帖子”,则进入回复帖子的页面
修改版本基于4月22日针对客户端文章页中厂商链接调整错误的修改点以及用户更换头像的详细说明
1、厂商链接修改点
1.1、需制作新的接口,接口功能是通过厂商的ID,获取到相应品牌的ID
1.2、客户端文章页要使用新接口,实现效果为:用户点击厂商的连接后,跳转到车型库的列表页,该列表页显示该厂商所在的品牌的所有车型
1.3、备注:3.5.0时,已经将文章页的厂商连接进行过滤屏蔽,需在4.0.0的时候,解除屏蔽
2、用户更换头像说明
2.1、用户进入到更换名称的页面后,点击头像,进入更换头像界面
2.2、用户上传新头像后,选择头像的方式和手机QQ更换头像的方法一致,即:界面内有一个进行裁图的框框,用户可以通过手指的缩放调整图片的大小,并且移动图片,使得所需的头像在方框之内,点击确定后,客户端将方框内的图片截取,作为用户头像
2.3、截取头像后,客户端自动生成符合个人中心规范大小的头像,给客户端以及个人中心使用
修改版本基于4月10日汽车网对设计原型审核的意见修改点
1、设置页面进行调整,将全部设置功能放出
2、原本在设置页的应用推荐,不直接在设置页露出,而是改为通过点击按钮进入应用推荐页
3、修改内容涉及美术UI和开发方面,望周知,新版原型地址 原型浏览
修改版本基于3月26日分享功能细化以及UE体验修改点添加
1、分享细化
1.1、分享到QQ空间,保留现有的分享文章链接
1.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一致
1.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致
2、用户体验修改点
2.1、设置页面中,“太平洋通行证”的文案改为“登陆”
2.2、降低手势滑动的灵敏度,减少误操作概率
2.3、首页推荐的图集,在第一张图或者最后一张图左右滑动时的提示要修改或者取消提示
修改版本基于3月1日需求答辩会议以及后续添加
1、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性,具体可咨询顺林 参考资料
2、根据需求答辩会议,对相应的需求进行修改,具体细点可见 ver4.0.0评审
修改版本基于2月23日第二次评审会议
1、用户未登陆时,首页左上角的也用头像按钮
2、离线下载的文章,不添加“已离线”的提示,可放下个版本考虑,本次取消实现
3、图集还是沿用已有的一张导读图,3张图片的样式,可放下个版本考虑,本次取消实现
4、新增需求:2G/3G网络下,无图模式,连导航图/焦点图都不显示
5、文章页点击进入全屏,替代原有的上下滑动进入全屏
6、文章终端页/帖子终端页添加夜间模式,原有的亮度调节,取消
7、新增需求:文章页/帖子终端页的字体大小,全部+1
9、取消经销商信息在文章终端页的显示,本次不做该内容的添加,需编辑确认经销商信息的结构是否能在客户端上显示
10、新增需求:客户端的论坛版块要和PC端的一致
11、新增需求:在帖子列表页,要允许编辑手动插入帖子
12、发帖页面调整,只发一张图片,允许拼图(5-8张),图片的宽度限定在500
13、取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:
13.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;
13.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;
13.3、用户选择取消,则开新的帖子;
13.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;
13.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件
14、云同步功能,流程如下(具体可向李春杰进行咨询):
14.1、用户在客户端首次同步,点击后,将用户的论坛收藏/帖子收藏/车型收藏和车系收藏和PC端上的同步,需要对数据去重
14.2、用户下次同步时,会将PC端和客户端对收藏的操作进行同步进行,即:在同步之前,PC端删除了论坛A,客户端增加了论坛B,则同步后,PC端增加论坛B,客户端删除论坛A
15、朋友的/他人的个人主页/关注列表/粉丝列表,该版本取消不做
项目需求
一、个人中心
1、入口说明
1.1、在资讯/论坛/车型库/图库/专栏版块的左上角,有个人中心的入口
1.2、未登陆的用户,按钮显示为“空白头像+我的”样式修改为:空白头像按钮
1.3、登陆的用户,显示为其新浪微博/腾讯微博/太平洋通行证头像的缩小图
1.4、当用户的反馈意见被回复的时候,按钮的右上角要有小黄点显示,提醒用户
2、页面说明
2.1、页面右上角为返回按钮,左上角为功能按钮,点开可见“意见反馈”和“云同步”功能项
2.2、云同步功能只为登陆的用户开放,未登陆用户按钮该按钮为灰色,无法点击
2.3、用户登录客户端后系统自动云同步会将用户的客户端本地论坛收藏/帖子收藏/车型收藏和车系收藏和PC端上的同步,需要对数据去重,过后客户端直接读取服务器上的数据,并提示“来源云端收藏夹”,不读取客户端本地的收藏数据。登陆期间用户在客户端上对收藏夹进行的任何操作,都是直接记录并影响服务器上的数据,并同时影响客户端的本地收藏数据;登陆期间,用户在PC端上对服务端的收藏夹进行任何操作,并不影响客户端本地收藏数据,但是用户在客户端上查看的,是服务端被影响的收藏数据;在未登陆或者没有网络的情况下,客户端读取客户端本地收藏数据,并提升“来源本地收藏夹”;在无网络的情况下,无法对收藏夹内容进行任何操作,具体可见原型6-2-tongbu2
2.4、点击页面中上部的登陆按钮,进入登陆页面
2.5、登陆页面提供三种登陆方式:QQ账号/新浪微博账号以及太平洋通行证登陆
2.6、登陆后,客户端获取相应账号的头像,作为个人中心的头像,同时头像模糊并且放大,作为整个个人中心的背景
2.7、头像下方为“我的个人主页”以及“好友动态”的入口,两个入口图标的右上方为未读的信息条数
2.8、个人中心显示用户的论坛/帖子/文章/车型/车系的收藏,并提供“全部清空”按钮,全部清空,长按进入编辑模式,点击论坛标题进行删除,只清空客户端本地的收藏内容,不影响PC端的收藏列表
2.9、用户首次进入默认显示“论坛收藏”,用户下次进入时,上次离开时所在哪个版块,本次进入显示哪个版块的内容
2.10、若相应收藏项没有内容的时候,要有相应的提示。
2.11、论坛收藏,若用户本身没有收藏任何论坛,系统自动推荐4个论坛
3、我的个人主页
3.1、头像右上方显示用户的等级头衔,若是版主或者编辑,则有单独的头衔显示
3.2、头像下方左右两侧是我关注的用户数以及我的粉丝数,点击可进入相应的用户列表
3.3、进入关注列表后,在用户列表按照添加关注的时间顺序排序,在用户列表右侧有“取消关注”的按钮
3.4、点击后“取消关注”按钮后,按钮变成“关注”,用户还是保留在当前列表中,但下次再进入,被取消关注的用户就消失
3.5、进入粉丝列表后,在用户列表成为你的粉丝的时间顺序排序,在用户列表右侧,有“关注”或者“取消关注”两种按钮
3.6、点击相应的按钮,用户可选择关注/取消关注自己的粉丝
3.7、个人主页下方显示的是我的帖子被别人回复的情况、我的评论被别人回复的情况,以及我自己发过的帖子和保存的草稿
3.8、用户首次进入时,默认显示“帖子回复”这类型的内容,用户下次进入时,上次离开时在哪个版块,本次进入显示哪个类型的内容
3.9、个人中心内的未读信息数,为“帖子回复”和“评论回复”类型中未读的信息条数的总和
3.10、当进入到某一类型的时候,默认该类型的所有未读信息已被阅读
3.11、存在未读信息的类型的右上角,有黄色小点标示有未读的信息
4、帖子回复版块详解
4.1、内容结构为:“回复者的头像+名字”+回复您的帖子+“帖子标题/某楼层的发言内容(最多26字,超过26字的,从24字开始省略,后加省略号)”+用户回复的内容(最多36字,超过36字的,从34字开始省略,后面加省略号)+回复时间
4.2、回复时间的显示规则:今天/昨天内回复的,显示今天/昨天+回复的时间;回复时间在2天(即前天)-5天内的,显示“X天前+时间”;超过5天的,直接显示具体的日期+时间
4.3、点击相应的回复内容,下方滑出功能层,提供“回复”/“查看回复”/“查看帖子内容”功能。 4.4、点击“回复”,直接进入回复帖子页面,上方为别人回复的内容,下方为回复的输入框,系统自动滑出键盘
4.5、点击“查看回复”,显示被人回复的完整的内容
4.6、点击“查看帖子”,进入相应的帖子内容页
4.7、来源:个人中心--消息中心--系统信息,需要李峰和handy将此类信息单独从系统信息中区分出来
5、评论回复版块详解
5.1、内容结构为:“回复者的头像+名字”+回复我的观点+“评论内容(最多26字,超过26字的,从24字开始省略,后加省略号)”+用户回复的内容(最多36字,超过36字的,从34字开始省略,后面加省略号)+回复时间
5.2、回复时间的显示规则:今天/昨天内回复的,显示今天/昨天+回复的时间;回复时间在2天(即前天)-5天内的,显示“X天前+时间”;超过5天的,直接显示具体的日期+时间
5.3、点击相应的回复内容,下方滑出功能层,提供“回复”/“查看回复”/“查看评论列表”功能。 5.4、点击“回复”,直接进入回复评论页面,上方为别人回复的内容,下方为回复的输入框,系统自动滑出键盘
5.5、点击“查看回复”,显示被人回复的完整的内容
5.6、点击“查看评论列表”,进入相应文章的评论列表页
5.7、来源:个人中心--消息中心--系统信息,需要李峰和handy将此类信息单独从系统信息中区分出来
6、我的帖子
6.1、内容包括:我的草稿和我发过的帖子
6.2、我的草稿永远在该版块置顶
6.3、每条草稿的右下角都有“草稿,点击删除”的按钮,点击后进行提示,用户确定后删除相应的草稿
6.4、点击草稿的其他区域,进入发帖页面
6.5、点击我发过的帖子,进入相应的帖子内容页
7.1、好友动态的内容包括:我关注的用户所发的帖子以及所发的评论
7.2、点击相应的内容,进入相应的帖子内容页或者文章内容页
7.3、该版块对显示的内容不做省略处理
7.4、页面右上方有“邀请”按钮,点击后进入“邀请好友”页面
7.5、邀请好友页面分为上下两部分,上部为“推荐关注”,下部为“微博好友”
8.1、新建个账号推荐后台,编辑推荐50个达人账号
8.2、每次随机抽取2个该用户还未关注的达人给用户关注
8.3、每次用户点击关注之后,关注按钮变成“已关注”,同时变灰
8.4、如果用户全部都加了50个推荐关注,则该区域消失
8.5、点击“更多推荐”,进入推荐关注列表,已关注的达人在列表的下方,未关注的在上方
9.1、客户端每天首次启动都会刷新查找微博好友是否已注册的太平洋通行证
9.2、如果用户的好友已经有通行证,则相应的“邀请”按钮变为“关注”
9.3、如果好友还未注册太平洋通行证,则点击“邀请”发送一封微博@相应的好友
9.4、已关注的微博好友,会排在队列的最后面
9.5、本次关注的微博好友,保留在当前位置,按钮变为“已关注”
9.6、下次进来之后,已关注的好友会排在微博好友的后面
二、资讯版块
1、文章列表
1.1、已离线下载的文章,要标示“已离线”
1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数
1.3、图集、论坛、直播、视频的标签放在最右侧,图集标签放在标题下方,视频、论坛、直播放在标题的同一行
1.4、点击文章区域,该区域要有点击触发效果
1.5、如果是推荐图集,则在首页直接外显该图集的前三张图片
1.6、横图规格:按照高度为100PX等比例缩放;缩放后,宽度超过150PX部分的,不显示,少于150PX的,按照居左显示
1.7、竖图规格:按照宽度150PX等比例缩放,缩放后,高度超过100PX部分的,不显示
2、文章内容页
2.1、点击后页面右滑回到之前页,客户端自动记录用户在文章页阅读时所在的位置,即:当用户返回首页,再点击返回文章时,位置要定位到之前阅读时所在的页码和位置
2.2、mrobot出文章页数据时,要在标题顶部加入空行,以保证用户进入文章终端页时,标题不会被遮盖
2.3、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭
2.4、设定层提供“全屏阅读”/“手势翻页”/“字号切换”/“亮度调整”四项功能,默认开启全屏阅读和手势翻页
2.5、当用户设定开启“全屏阅读”:用户向上拨动文章页用户单击文章页时,顶部和底部的功能按钮渐隐消失;用户向下拨动文章页用户再次单击文章页时,功能按钮渐现出现
2.6、关闭手势翻页只是控制在文章阅读的左右滑动的手势效果,上下翻页功能还是保留
2.7、点击切换字体大小,字体按以下顺序循环变化:中字体—大字体—小字体—中字体
2.8、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式
2.9、汽车网文章页,加入“行情信息采集来源”,需要mrobot根据接口出相应的数据
2.10、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考百度新闻,具体可联系李春杰讲解(3月8号新增,标注提醒)
3、评论列表页
3.1、原有表情套,改为文字表情套
3.2、点击表情的时候,直接外显的是表情符号 \(o)/~
3.3、上传服务器的时候,客户端将 \(o)/~ 改为编码{201}传给服务器
3.4、相应文字表情在PC端上是表情,在客户端上是文字
三、汽车网论坛
1、热门栏目说明
1.1、论坛的热门推荐列表以及顶部焦点图,由编辑手动人工推荐,需新建后台
2.1、点击精选栏目的按钮后,页面向左滑动进入论坛精选页面
2.2、自动读取PC端论坛精选的内容
2.3、该内容接口是从CMS后台出,要找制作的同事获取接口
3、车型/地区/综合栏目说明
3.1、页面结构和现有客户端的页面保持一致
4、搜索功能说明
4.1、进入搜索页面后,默认滑出输入键盘,同时默认选择“搜索版块”
4.2、搜索版块下方的空白处显示的内容,会根据用户输入的字符进行自动判断而显示结果
4.3、用户点击则直接进入相应的论坛版块
4.4、用户搜索结果的在空白区域进行上下滑动的时候,将系统键盘隐藏
4.5、搜索功能放在系统键盘中,用户直接在键盘点搜索即可
4.6、搜索版块时,点击搜索,系统键盘下滑,搜索帖子时,点击搜索,页面向左滑动进入搜索结果
4.7、点击“搜索帖子”,切换到搜索帖子项目,输入内容后,点击键盘的搜索,直接进入搜索结果页
5、帖子列表页说明
5.1、加精华的帖子,标题前有“精”的小图标
5.2、有图片的帖子,标题后有“图”的小图标
5.3、有“精”图标的帖子,不显示“图”小图标
5.4、帖子排序选项,默认用时间排序
5.5、共有排序选择如下:按发表时间排序---外显 按时间;按最后回复排序---外显 按回复;置顶帖---外显 按置顶;精华帖---外显 按精华
5.6、点击发帖,页面向左滑动进入发帖页面
5.7、点击收藏,星星变为实心,同时出现提示层,提示层淡入,显示1秒后,淡出
5.8、翻页效果和文章页翻页一致,下一页上升
6、帖子内容页
6.1、顶部功能栏,有切换“看全贴/只看楼主”的功能
6.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛
6.3、点击用户头像,进入该用户的个人主页
6.4、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主”
6.5、回帖页面点击发送后,直接返回帖子内容页,同时顶部状态栏会提示相应的状态
6.6、若发送失败,则提示用户发送失败,在下次启动客户端的时候,自动重发回复的帖子,若第二次失败,则再也不发送该回复
6.7、提供报名功能,用户点击“我要报名”按钮则弹出报名的浮层。点击浮层外其他地方,则收起浮层。
6.8、提供查看报名信息功能,点击弹出报名信息列表浮层。点击浮层外其他地方,收起浮层
6.9、提供投票功能,投票区域默认展开
6.10、投票时,点击某项的效果,选择的项底色变色,当选择的项达到要求时,其余选项变成灰色,同时地下的提交按钮变为可提交状态
6.11、提交投票后,显示相应的结果
7、发帖页说明
7.1、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出
7.2、当用户确定退出后,系统自动将当前内容保存为草稿,并进行提示
7.3、点击发布后,页面返回帖子列表页,顶部状态栏提示帖子发送状态,若帖子发送失败,则自动存草稿箱
7.4、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片
7.5、点击已添加的图片,滑出替换/删除图片的功能层,点击相应功能进行操作
7.6、最多只能添加8张图片,到达八张后,添加图片的按钮消失只允许提供上传一张图片;提供拼图功能,将5-8张图片拼成一张大图,图片宽度限定在500PX
7.7、下方提供同步发布的分享绑定功能按钮
7.8、取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:
1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;
2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;
3、用户选择取消,则开新的帖子;
4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;
5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件
8.1、页面显示的是该用户发过的帖子,点击“只看精华”则只显示被加精的帖子,同时按钮变为“查看全贴”
8.2、外显该用户的关注和粉丝数,点击后可进入他的关注/粉丝列表,在列表中你可以关注他的粉丝/关注人
8.3、用户首次进入他人的个人中心时,会在页面底部出现小黄条,提示你们都关注了某人,若没有共同关注者,则不显示
8.4、当用户X掉小黄条后,以后不再出现
8.5、用户头像右上方为用户等级的提示,若是版主或者编辑,则提示效果不一样
8.6、页面右上角提供“加关注”按钮,点击后,按钮改为“取消关注”
四、电脑网论坛
1、电脑网论坛首页顶部为各论坛入口,其中第一个是写死的进入全部论坛版块的入口,其余为编辑推荐的论坛版块,推荐个数由编辑控制,需要提供录入推荐的后台
2、编辑精选旁有“全部热帖”的入口,点击进入全部热帖页面,该页面将各大版块的热帖按照不同栏目进行排列显示
3、电脑网的论坛层级结构保持和现有客户端一致
4、其余论坛要素,和汽车网论坛一致
五、车型库
1、搜索功能说明
1.1、点击搜索按钮后,页面向左滑动进入搜索页
1.2、进入搜索页后,默认弹出输入键盘
1.3、根据输入的内容,输入框下方自能给出相应的搜索结果,点击相应结果,直接进入车系页面
1.4、在输入框下方的空白区域上下滑动,可将键盘收起
1.5、点击“确定”按钮后,进入搜索结果页
2、品牌选车说明
2.1、点击某品牌后,页面向左滑出该品牌所有的车系列表层
2.2、点击不同品牌,该列表层的内容进行刷新更新
2.3、点击按钮,可收起滑出层
3、价格选车说明
3.1、页面左侧为相应的价钱范围,右侧为该范围内的各大品牌的车系,最右侧为字母快速导航
3.2、点击不同的价格范围,切换右侧的车系列表内容
3.3、字母导航在滑动过程中,要提示当前选择的是哪个字母,提示框1秒后消失
4、条件选车说明
4.1、页面上部为用户已选择的条件,下部左侧为相应的条件大项,右侧为该大项中的各小项
4.2、如果某大项已有小项被选中,则该大项的左上方有红点,提示用户已选择该大项中的某小项
4.3、被选择的小项,变成灰色
4.4、在已选条件的区域内,可左右滑动查看已选择的条件,用户点击某条件,则删除该条件
4.5、在页面下方为“确定搜索”按钮,当已选择条件有内容时,按钮变为可点击;若没有选择的内容时,按钮不可点击
4.6、点击“确定搜索”按钮后,进入搜索结果页
5、车系概述页说明
5.1、车系的图片下,显示该车系有多少张图片,点击后进入车系图集页
5.2、页面提供车系的论坛快速入口
5.3、车系下的车型名称接口要修改,取消其车系名称
5.4、点击相应的车型,进入车型概述页
5.5、点击旁边的“对比”按钮,唤出对比页面的入口
5.5、原客户端的栏目(概览/经销商/文章/口碑)改为在下方显示
5.6、点击文章栏目后,页面上方显示文章的各个分类(新闻/评测/导购/行情)
5.7、行情栏目的文章,提供地区选择
6、车型概述页说明
6.1、车型的图片下,显示该车型有多少张图片,点击后进入车型图集页
6.2、点击旁边的“对比”按钮,唤出对比页面的入口
6.3、点击基本参数旁边的按钮,进入详细的参数页
6.4、在详细参数页,点击右侧的“参数类别”,用户可以快速选择查看相应的参数
6.5、其余的功能,和现有的一致
7、车型对比功能说明
7.1、已添加进入对比的车型,按钮变为已选中状态
7.2、点击了添加对比按钮后,页面右下方浮现出进入对比页面的按钮
7.3、按钮上方显示已添加对比车型的数量
7.4、对比按钮在出现后,会从侧方滑出提示,1秒后滑回消失
7.5、最多添加7个车型
7.6、各状态提示列表,详见原型
8、车型对比页面说明
8.1、若添加多款车型,外显的是最后添加的两款车型的对比
8.2、VS按钮下有数字提醒现在有多少款车进行对比
8.3、页面向上滑动时,图片收起,只留下相应车型的文字
8.4、在参数对比页面,右侧为“具体参数”的半透明按钮,点击可以滑出相应的锚点层,按钮变为不透明
8.5、再次点击“具体参数”按钮,锚点层滑回,按钮变回半透明
8.6、点击VS按钮,页面蒙层,同时下拉车型对比选择页
8.7、被选中对比的车型,上面蒙层,表示被选中
8.8、用户通过滑动蒙层,选择需要对比的车型
8.9、用户点击对比按钮后,才进行对比
8.10、点击编辑后车型列表右侧出现选框,下方对比按钮变为“确定删除”
8.11、如果对比中的车型被删除之后,默认选择最上方的一款车型进行代替
8.12、最多提供7款车型对比,不够7款的,位置留空,对比按钮上移
8.13、删除只有一款车型后的效果和删除所有车型后的效果,详见原型
六、电脑网产品库
1、整体功能和界面,与现有的客户端一致
2、筛选页面采用和汽车网的一致
3、对比功能和汽车网采取策略一致,唯一不同在于当用户离开产品库后,系统清空对比的内容
七、图集
1、左右滑动切换栏目
2、图集的图片放大,同时放出图集的标题以及张数信息
3、点击图片后,系统渐隐切换进入图片终端页
4、图片终端页的底部默认显示功能按钮(分享/下载/图集列表)
5、当手指在图片上向上滑动时,功能按钮渐隐消失
6、当手指在图片上向下滑动时,功能按钮渐隐出现
7、点击图集列表按钮后:
7.1、右侧滑出图集的列表层
7.2、按钮变为X
7.3、选择相应的图片后,读取过程中右侧图片列表层向右滑动隐藏,按钮也重新变回图片列表按钮
八、专栏
1、专栏整个页面都是HTML,由编辑手动控制
2、专栏的顶部banner,也是写在HTML中
Attachments
-
4.0.0设计效果.zip
(11.1 MB) -
added by lichunjie 13 years ago.
-
APP4.0.0.zip
(4.5 MB) -
added by lichunjie 13 years ago.
-
APP4.0.0V1.8_20130411.zip
(4.5 MB) -
added by lichunjie 13 years ago.
-
切图单v1.0.xls
(1.0 MB) -
added by leijingtang 13 years ago.
-
归档.zip
(167.7 KB) -
added by leijingtang 13 years ago.
-
APP4.0.0V1.8_20130425.zip
(4.9 MB) -
added by lichunjie 13 years ago.
4月25号修改,修改了个人主页触发帖子回复以及评论回复的操作步骤
-
电脑网产品库分类列表修改0509.xls
(61.5 KB) -
added by lichunjie 13 years ago.
-
切图单.xls
(90.5 KB) -
added by leijingtang 13 years ago.
![(please configure the [header_logo] section in trac.ini)](http://www1.pconline.com.cn/hr/2009/global/images/logo.gif)